<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <style>

        .test{
            color:red;
        }

       #one{
           text-align: center;
           font-size: 20px;
           color:salmon;
       }

       div{
           height: 200px;
           background-color: cornflowerblue;
           color:seagreen
       }


    </style>
</head>
<body>
    
   <div style='width:100px; color:red' id='one'>11111</div>

</body>
</html>
<script>

    /*
    最终样式: 最后在显示屏显示的的样式就是最终样式
     注意： 最终样式可以获取值  不能修改值
     如果要修改值  采用行内方式操作  元素对象.style.样式属性= xx值
    ie:
     
    非ie

    */


</script>
